<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jQuery.js"></script>
</head>
<body>
    <div class="zufu">
        <div class="father">
                <div class="son">
                    儿子
                </div>
            </div>
    </div>
    
    <div class="nav">
            <p>我是皮1</p>
            <div>
                <p>我是p</p>
            </div>
            <p>我是皮2</p>
        </div>
    <script>
        //都是方法 要带括号
        $(function(){
            //1.父
            $(".son").parent();
            console.log($(".son").parent());

            //2.子
                // (1) 亲儿子 children() 子代选择器  ul>li (如果有多个亲儿子就选取多个亲儿子)
                $(".nav").children("p").css('color','pink');
                //(2) 可以选里面所有的孩子 包括儿子和孙子 find() 类似于子代选择器
                //$(".nav").find("p").css('color','red');
           
           
            //3.兄
            
        })
    </script>
</body>
</html>